<ion-header no-border>
  <ion-navbar mode="ios">
    <div class="mytabs color51 ft28" text-center>
      <ion-grid>
        <ion-row>
          <ion-col *ngFor="let item of tabs,let i = index" (click)="checktab(i)" class="text-center " [ngClass]="{'tap-active':item.isSelect}">
            {{item.key}}
          </ion-col>
        </ion-row>
      </ion-grid>
    </div>
  </ion-navbar>
</ion-header>

<ion-content class="bg_main_color">
  <!-- 下拉刷新 -->
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-round-down" refreshingSpinner="circles">
    </ion-refresher-content>
  </ion-refresher>
  <div class="list_bg_white mt22" padding>
    <!-- 参与和获奖记录 -->
    <ion-list no-lines *ngIf="select!==2">
      <ion-item class="border_b pl0 " *ngFor="let item of newDynamicList">
        <ion-avatar item-start class="mr10">
          <img src="{{item.headurl}}" onerror="src='./assets/icon/logo.png';onerror=null">
        </ion-avatar>
        <p class="ft26 color111">{{item.nickname}}</p>
        <p class="ft26 color94 ft_bold">{{item.goodname}}</p>
        <p item-end class="flex flex_column  ft26" text-right>
          <span class="color">购买数量 <b class="red_active">×{{item.beishu}}</b></span>
          <span class="ft24 color179">{{item.addtime}}</span>
        </p>
      </ion-item>
    </ion-list>
    <!-- 揭晓记录 -->
    <div *ngIf="select==2">
      <div class="record_info_num_title flex flex_center_center ft26 color51">
        <div>期号</div>
        <div>揭晓号码</div>
        <div>获胜情况</div>
      </div>
      <!-- 数据 -->
      <div class="record_info_num_title  record_info_num_list flex flex_center_center ft26" *ngFor="let item of newPriseList">
        <div class="color153 ft_PF_Regular">{{item.issue}}</div>
        <div class="luck_num">
          <!-- {{item.awardnum}} -->
          <i *ngFor="let ite of item.awardnum,let j=index" [ngClass]="{'main_color':j==9}">
            {{ite}}
          </i>
        </div>
        <div>
          <span class="buy_type ft24 color255" [ngClass]="{'bg_active_color':item.isOdd}">
            <i *ngIf="item.isOdd">双</i>
            <i *ngIf="!item.isOdd">单</i>
          </span>
          <span class="buy_type ft24 color255" [ngClass]="{'bg_red':item.num5>5}">
            <i *ngIf="item.num5>5">大</i>
            <i *ngIf="item.num5<=5">小</i>
          </span>
        </div>
      </div>
    </div>
  </div>
  <!-- 上拉加载更多 -->
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content loadingSpinner="circles" loadingText="" style="max-height:20px!important"></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
